<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>border</title>
	<style>
		blockquote {
		  padding: 0 0 0 15px;
		  margin: 0 0 10px;
		  border-left: 3px solid #cccccc; }
		  blockquote small {
		    font-size: 11.9px;
		    display: block;
		    line-height: 1.5;
		    color: #999999; }
		    blockquote small:before {
		      content: '\2014 \00A0'; }


		.border1 {
			border: 1px solid #000;
			height: 50px;
			border-bottom-width: 1px;
			/*-webkit-transform:scaleY(0.5);*/
			position: relative;
		}

		.border1:after {
			position: absolute;
			content: '';
			width: 100%;
			height: 1px;
			left: 0;
			bottom: 0;
			background-color: #0077fa;
			-webkit-transform: scale(1,.5);
		    transform: scale(1,.5);
		    -webkit-transform-origin: center bottom;
		    transform-origin: center bottom
		}
	</style>
</head>
<body>
	<p>border-bottom</p>
	<div class="border1"></div>

	<blockquote>sdf</blockquote>
</body>
</html>